
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登陆</title>

<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/login.css">

</head>
<body>


<div class="wrapper">

	<div class="container" >
		<h1>Welcome</h1>
		<form class="form" method="post" action="{:U('LoginHalt')}" style="display:none;">
			<input type="text" placeholder="Username" name="username">
			<input type="password" placeholder="Password" name="pwd">
			<button type="submit" id="login-button">Login</button>
		</form>
	</div>
	
	<ul class="bg-bubbles">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	
</div>

<script type="text/javascript" src="__PUBLIC__/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript">

$(function(){
	
	$('.wrapper').addClass('form-success');
	setTimeout(function(){
		$('.wrapper').removeClass('form-success');
		$('form').fadeIn(500);
	},1500);
});

</script>

</body>
</html>